<template>
  <div class="auction-company-alliance">
    <titleBar title="拍卖公司联盟" :learnMore="true"></titleBar>
    <div class="alliance-list">
      <div class="title item">北京地区</div>
      <a class="link item" :href="item.href || 'javascript:;'" :key="index" v-for="(item, index) in beiJing">
        <img :src="item.img" alt="">
      </a>
    </div>
    <div class="alliance-list">
      <div>其他地区</div>
    </div>
  </div>
</template>

<script>
import titleBar from '@/bookComponents/title'
export default {
  name: 'auctionCompanyAlliance',
  components: { titleBar },
  data () {
    return {
      beiJing: [
        {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img11.png',
          href: 'http://pmgs.kongfz.com/company1/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img0.png',
          href: 'http://pmgs.kongfz.com/company2/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img1.png',
          href: 'http://pmgs.kongfz.com/company16/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img2.png',
          href: 'http://pmgs.kongfz.com/company3/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img3.png?v=2018090714',
          href: 'http://pmgs.kongfz.com/company136/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img7.png',
          href: 'http://pmgs.kongfz.com/company25/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img5.png',
          href: 'http://pmgs.kongfz.com/company198/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img6.jpg?v=1.2',
          href: 'http://pmgs.kongfz.com/company188/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img8.png',
          href: 'http://pmgs.kongfz.com/company197/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img9.png',
          href: 'http://pmgs.kongfz.com/company224/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img10.png',
          href: 'http://pmgs.kongfz.com/company233/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img4.png',
          href: 'http://pmgs.kongfz.com/company196/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img27.png',
          href: 'http://pmgs.kongfz.com/company245/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img29.png',
          href: 'http://pmgs.kongfz.com/company249/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img30.png',
          href: 'http://pmgs.kongfz.com/company135/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img31.png?v=2018090714',
          href: 'http://pmgs.kongfz.com/company126/'
        }
      ],
      other: [
        {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img25.png',
          href: 'http://pmgs.kongfz.com/company6/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img12.png?v=1.1',
          href: 'http://pmgs.kongfz.com/company49/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img13.png',
          href: 'http://pmgs.kongfz.com/company129/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img14.png',
          href: 'http://pmgs.kongfz.com/company121/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img17.png',
          href: 'http://pmgs.kongfz.com/company186/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img20.png',
          href: 'http://pmgs.kongfz.com/company142/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img21.png',
          href: 'http://pmgs.kongfz.com/company211/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img22.png',
          href: 'http://pmgs.kongfz.com/company223/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img23.jpg',
          href: 'http://pmgs.kongfz.com/company228/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img20.png',
          href: 'http://pmgs.kongfz.com/company142/'
        }, {
          img: 'http://www.kongfz.com/static/kfz-pmCompany/pm_img20.png',
          href: 'http://pmgs.kongfz.com/company142/'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scope>
  .auction-company-alliance {
    .alliance-list {
      margin: 15px 0;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-row-gap: 15px;
      .item {
        height: 35px;
      }
      .title {
        text-align: center;
        line-height: 35px;
        background: #F3F0E9;
      }
      .link {
        display: block;
        text-align: center;
        img {
          width: 100%;
        }
      }
    }
  }
</style>
